<template>
  <el-dialog title="详细信息" :visible.sync="dialogVisible" class="dialog">
    <el-descriptions direction="vertical" :column="2" border>
      
      <el-descriptions-item label="转账单号">{{
        info.orderNo
      }}</el-descriptions-item>
      <el-descriptions-item label="转账金额">{{ info.amount }}</el-descriptions-item>
      <el-descriptions-item label="转账人">{{ info.username }}</el-descriptions-item>
      <el-descriptions-item label="被转帐人">{{ info.receiverName }}</el-descriptions-item>
      <el-descriptions-item label="转账人id">{{ info.userId }}</el-descriptions-item>
      <el-descriptions-item label="转账人id">{{ info.receiverId }}</el-descriptions-item>
      <el-descriptions-item label="转账时间">{{ info.createTime }}</el-descriptions-item>

      
    </el-descriptions>

    <span slot="footer" class="dialog-footer">
      <el-button @click="dialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
    </span>
  </el-dialog>
</template>
<script>
import { _isMobile } from '@/utils/index'
export default {
  data () {
    return {
      dialogVisible: false,
      info: {},
      isMobile: _isMobile
    }
  },

  methods: {
    show (e) {
      this.dialogVisible = true
      this.info = e
    }
  }
}
</script>
